<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // js中的循环和判断

    // if   三元运算符
    // if (true) {
    //   console.log(1);
    // }
    // else {
    //   console.log(2);
    // }



    // 判断条件 ? 条件成立做的事 : 条件不成立做的事
    // 如果条件不成立没有所做的事，那句拿null站位
    // 所以三元运算符用来处理简单的if、else逻辑
    // if (true) {
    //   console.log(1);
    // }
    // else {
    //   console.log(2);
    // }

    // true ? console.log(1) : console.log(2);

    //----------------------------------
    // if (true) {
    //   console.log(1);
    // }
    // true ?  console.log(1) : null;

    //--------------------------------------------
    // if(true){
    //   console.log(1);
    // }
    // else if(true){
    //   console.log(2);
    // }
    // else{
    //   console.log(3);
    // }

    // if(true){
    //     if(1>0){
    //       console.log(100);
    //     }
    // }
    // else {
    //   console.log(200);
    // }


    // true ? 1>0 ? console.log(100) : null : console.log(200);
    //-------------------------------------------------------------------
    // 如果条件成立要做多件事，每件事之间那逗号间隔，然后那小括号包裹起来

    // if (true) {
    //   console.log(100);
    //   console.log(200);
    // }
    // true ? (console.log(100), console.log(200)) : null;





    //--------------------------------------------------------------------
    // switch case

    // switch后面的小括号里的值会和case后面的值进行绝对比较，如果相等，那就会执行case下面的代码
    // 条件一旦成立，那就必须遇到breck才会停止，不然的话，下面的条件不管是否成立，他都执行
    // default:他就相当于 else

    // var num = '10';
    // switch (num) {
    //   case 10:
    //     console.log(100);
    //     break;
    //   case 10:
    //     console.log(200);
    //     break;
    //   case 20:
    //     console.log(300);
    //     break;
    //   default:
    //     console.log(900);
    // }

    // if (num === 10) {
    //   console.log(100);
    // }
    // else if (num === 10) {
    //   console.log(200);
    // }
    // else if (num === 20) {
    //   console.log(300);
    // }
    // else {
    //   console.log(900);
    // }


    //----------------------------------------------------------------

    // for 和数组搭配使用最多 [100,200,300,400]

    // 我想去输出对象的每一个属性名对应的属性值
    // var obj = {
    //   name:1,
    //   age:2,
    //   sex:3
    // }

    // for(var key in obj){
    //   // 对象有几个键值对他就循环几次，每一次循环的时候key的值代表当前的属性名
    //   console.log(key); // key代表每一个键值对的属性名
    //   console.log(obj[key]); // 对象的每一个属性值
    // } 


    //---------------------------------------------------
    // while
    // 一般情况下用于不知道循环次数的循环(明天)

    // var num = 1; // 2 3
    // while (num < 3) {
    //   console.log(100);
    //   num++;
    //   // 阻塞线程
    // }

    // console.log(200);

    




  </script>
</body>

</html>